<template>
<div>
  <div class="nav">
  <el-menu theme="dark" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
  <span data-v-be370a9a="" style="float: right; margin-right: 8px;"><a data-v-be370a9a="" href="#" style="color: rgb(238, 238, 238);">注销</a></span>
</el-menu>
</div>
<div class="side">
    <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" router> 
      <el-menu-item index="newOne"><i class="el-icon-message"></i>业务登记</el-menu-item>
      <el-menu-item index="newTwo"><i class="el-icon-message"></i>业务查询与修改</el-menu-item>
      <el-menu-item index="newThree"><i class="el-icon-message"></i>项目配置</el-menu-item>
      <el-menu-item index="newFour"><i class="el-icon-message"></i>业务类型配置</el-menu-item>
      <el-menu-item index="newFive"><i class="el-icon-message"></i>部门院系管理</el-menu-item>
      <el-menu-item index="newSix"><i class="el-icon-message"></i>帐号管理</el-menu-item>
      <el-menu-item index="newSeven"><i class="el-icon-message"></i>修改密码</el-menu-item>
      <el-menu-item index="newEight"><i class="el-icon-message"></i>备份数据库</el-menu-item>
    </el-menu>
  </div>


  <div class="aaa">
  <slot></slot>
  </div>  

  
</div>
</template>

<script>
 export default {
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      },
       handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
      }
  }

</script>

<style scoped>
  .nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    float: left;
    background: #222;
    min-height: 50px;
    line-height: 50px;
    z-index: 1000
  }
  .side{
    position: fixed;
    top:50px;
    bottom: 0;
    left: 0;
    width: 16.67%;
    float: left;
    background: #f5f5f5
  }
  .aaa{
  position: relative;
  top: 50px;
  bottom: 0;
  left: 16.67%;
  width: 83.33%;
  float: left;
  background: #fff
  }

</style>